<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>堆糖网页</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

</head>
<body>
    <div class="header">
        <div class="container">
            <div class="row pt-3">
                <div class="col-md-1 cl-1">
                    <a href=""><img src="img/header-btn.png" alt=""></a>
                </div>
                <div class="col-md-1 cl-2 dt_nav_btn">
                    <a class="nav-link"> 分类 <img src="img/btn1.png" alt=""></a>
                </div>
                <div class="dt_nav_content">
                    <div class="row row-2">
                        <div class="col-md-6 cc-1">
                            <a href=""><img src="img/22.jpg" alt=""></a>
                        </div>
                        <div class="col-md-6">
                            <a href=""><img src="img/11.jpg" alt=""></a>
                        </div>
                    </div>
                    <div class="row row-1">
                        <div class="col-md">
                            <ul>
                                <li><a href="">家居生活</a></li>
                                <li><a href="">美妆造型</a></li>
                                <li><a href="">影音书籍</a></li>
                                <li><a href="">搞笑萌宠</a></li>
                                <li><a href="">壁纸</a></li>
                            </ul>
                        </div>
                        <div class="col-md">
                            <ul>
                                <li><a href="">美食菜谱</a></li>
                                <li><a href="">婚纱婚礼</a></li>
                                <li><a href="">人物明星</a></li>
                                <li><a href="">人文艺术</a></li>
                                <li><a href="">旅行</a></li>
                            </ul>
                        </div>
                        <div class="col-md">
                            <ul>
                                <li><a href="">手工DIY</a></li>
                                <li><a href="">文字句子</a></li>
                                <li><a href="">植物多肉</a></li>
                                <li><a href="">设计</a></li>
                                <li><a href="">头像</a></li>
                            </ul>
                        </div>
                        <div class="col-md">
                            <ul>
                                <li><a href="">时尚搭配</a></li>
                                <li><a href="">插画绘画</a></li>
                                <li><a href="">生活百科</a></li>
                                <li><a href="">古风</a></li>
                                <li><a href="">摄影</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 cl-3">
                    <input type="search" placeholder="搜索感兴趣的内容"><button><a href=""><img src="img/header-input-btn.png" alt=""></a></button>
                </div>
                <div class="col-md-2"></div>
                <div class="col-md-2 cl-4">
                    <a href="" >推糖生活家</a>
                </div>
                <div class="col-md-2 cl-5">
                    <a href="">注册/登录</a>
                </div>
            </div>
        </div>
    </div>

    <div class="banner">
        <div class="banner-top pt-5">
            <div class="container">
                <img src="img/banner-top-img.png" alt="">
            </div>
        </div>
        <div class="banner-bottom pt-4">
            <div class="container">
                <div class="row">
                    <div class="col-md-9">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="img/1.jpeg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="img/2.jpeg" alt="">
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>

                            <!-- 如果需要导航按钮 -->
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                        </div>

                    </div>
                    <div class="col-md-3 nr">
                        <div class="row row-2">
                            <div class="col-md-12 pb-1">
                                <h2>社区热点</h2>
                            </div>
                        </div>
                        <div class="row row-1">
                            <div class="col-4 nn-1">
                               <ul>
                                   <li><a href="">欧美风</a></li>
                                   <li><a href="">张云雷</a></li>
                                   <li><a href="">阿丽塔</a></li>
                               </ul>
                            </div>
                            <div class="col-4 nn-2">
                                <ul>
                                    <li><a href="">美甲</a></li>
                                    <li class="li-3"><a href="">插画</a></li>
                                    <li class="li-2"><a href="">猫</a></li>
                                </ul>
                            </div>
                            <div class="col-4 nn-3">
                                <ul>
                                    <li><a href="">东宫</a></li>
                                    <li class="li-2"><a href="">女生节</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="row nn-4">
                            <ul>
                                <li><a href=""><button>精选</button></a><input type="search" placeholder="招募 ● 少女感养成..."></li>
                                <li><a href=""><button>工具</button></a><input type="search" placeholder="堆糖收图小助手" class="in-2"></li>
                            </ul>
                        </div>
                        <div class="row nn-5">
                            <div class="col-4">
                                <a href=""><img src="img/banner-bottom-img1.png" alt=""></a>
                            </div>
                            <div class="col-8">
                                <ul>
                                    <li class="li-1">堆糖 - 美好生活研究所</li>
                                    <li class="li-2">最佳生活类应用</li>
                                    <li class="li-3"><a href=""><button>立即下载</button></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main pt-5">
        <div class="container">
            <div class="row rr-1">
                <div class="col-md-2">
                    <ul>
                        <li class="li-1"><a href=""><img src="img/main-img1.png" alt=""> &nbsp;每日精选</a></li>
                        <li class="li-2"><a href="">关注动态</a></li>
                    </ul>
                </div>
                <div class="col-md-7">
                    <div class="main-1">
                        <div class="row oo-1 pt-4">
                            <div class="col-2">
                                <a href=""><img src="img/main-middle-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">堆糖小喇叭</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>留下壁纸，我们就是朋友</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-middle-img2.png" alt="" class="img1"></a>
                                <a href="" class="a1"><img src="img/a1-btn.png" alt=""> 文章</a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan1()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan1">140</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin1()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin1">219</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <img src="img/main-middle-img5.png" alt="">&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-2-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">coloroom彩条屋</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>让观众苦等10年的《夏目友人帐》，到底是什么？</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-2-img2.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan2()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan2">1228</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin2()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin2">1581</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-3-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">美少女PINK酱</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>9块包邮的宿舍神器，好用死了！连查寝老师都跟我要链接</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-3-img2.png" alt="" class="img1"></a>
                                <a href="" class="a1"><img src="img/a1-btn.png" alt=""> 文章</a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan3()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan3">161</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin3()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin3">765</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-4-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">-你是我全世界最喜欢的猪-</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>有哪些适合摘抄的 文艺且悲伤的句子？</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-4-img4.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan4()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan4">82</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin4()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin4">274</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-4-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">干脆面炼金术士</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>人生的意义在于一天比一天活得快乐</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-5-img2.png" alt="" class="img1"></a>
                                <a href="" class="a1"><img src="img/a1-btn.png" alt=""> 文章</a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan5()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan5">54</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin5()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin5">104</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-middle-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">堆糖小喇叭</h3></li>
                                    <li>主题-我曾为你动过情</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>我曾为你动过情</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-6-img2.png" alt="" class="img1"></a>
                                <a href="" class="a1"><img src="img/a1-btn.png" alt=""> 文章</a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan6()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan6">300</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin6()">
                                   <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin6">665</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-4-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">-你是我全世界最喜欢的猪-</h3></li>
                                    <li>登上79所高校学生借阅排行榜的九本书</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>有哪些适合摘抄的 文艺且悲伤的句子？</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-7-img2.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan7()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan7">59</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin7()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin7">151</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-8-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">情写风月</h3></li>
                                    <li>主题-我曾为你动过情</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>799风景内侧美化包</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-8-img2.png" alt="" class="img1"></a>
                                <a href="" class="a1"><img src="img/a1-btn.png" alt=""> 文章</a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan8()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan8">35</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin8()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin8">22</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-9-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">审</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>火影你们粉谁 留名我去截头像</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-9-img2.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan9()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan9">9</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin9()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin9">1</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-3-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">美少女PINK酱</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-10-img2.png" alt="" class="img1"></a>
                                <a href="" class="a1"><img src="img/a1-btn.png" alt=""> 文章</a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan10()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan10">57</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin10()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin10">126</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-11-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">少女感养成学院</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>同学的你</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-11-img2.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan11()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan11">89</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin11()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin11">106</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-middle-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">堆糖小喇叭</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>我的CP真香！</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-12-img2.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan12()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan12">91</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin12()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin12">107</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-13-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">白日做梦大熊</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>当女生也太太太太不容易了</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-13-img2.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan13()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan13">78</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin13()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin13">76</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-15-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">堆糖Class小助手</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>伴随一生的 [少女感]，拥有它一点也不难</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-15-img2.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan14()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan14">34</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin14()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin14">41</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-16-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">飞乐鸟</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>女生千万别看这种言情小说......不然会被里面的沙雕桥段给</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-16-img2.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan15()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan15">68</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin15()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin15">63</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-3-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">美少女PINK酱</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>7个私藏的小众APP，实用又有bigger，用过三款算我输！</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-17-img2.png" alt="" class="img1"></a>
                                <a href="" class="a1"><img src="img/a1-btn.png" alt=""> 文章</a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan16()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan16">139</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin16()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin16">461</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-2 mt-4 pt-4">
                        <div class="row oo-1">
                            <div class="col-2">
                                <a href=""><img src="img/main-4-img1.png" alt=""></a>
                            </div>
                            <div class="col-10">
                                <ul>
                                    <li><h3 class="h4">-你是我全世界最喜欢的猪-</h3></li>
                                    <li>热门内容</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row oo-2">
                            <div class="col-12">
                                <p>中国最全的拨弦 击弦类乐器合集 种类十分多 涨知识了</p>
                            </div>
                        </div>
                        <div class="row oo-3">
                            <div class="col-md-8">
                                <a href=""><img src="img/main-18-img2.png" alt="" class="img1"></a>
                            </div>
                        </div>
                        <div class="row oo-4">
                            <div class="col-md-4">
                                <div class="co-1" onclick="zan17()">
                                    <img src="img/main-middle-img3.png" alt="">&nbsp;
                                    &nbsp;<span class="zan17">42</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-1" onclick="xin17()">
                                    <img src="img/main-middle-img4.png" alt="">&nbsp;
                                    &nbsp;<span class="xin17">71</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="co-2">
                                    <a href=""><img src="img/main-middle-img5.png" alt=""></a>&nbsp;
                                    &nbsp;<span><a href="">更多</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-3 pt-4">
                        <div class="row">
                            <div class="col-md-12 text-center">
                                <a href="">查看更多 <img src="img/main-3-a-btn.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="c-1">
                        <div class="row r-1">
                            <div class="col-6">
                                <h3 class="h4">推荐关注</h3>
                            </div>
                            <div class="col-2"></div>
                            <div class="col-4">
                                <p><a href="">换一批</a></p>
                            </div>
                        </div>
                        <div class="row r-2">
                            <div class="col-2">
                                <ul>
                                    <li><a href=""><img src="img/main-3-img3.png" alt=""></a></li>
                                    <li><a href=""><img src="img/main-3-img4.png" alt=""></a></li>
                                    <li><a href=""><img src="img/main-3-img5.png" alt=""></a></li>
                                    <li><a href=""><img src="img/main-3-img6.png" alt=""></a></li>
                                </ul>
                            </div>
                            <div class="col-7 pt-2">
                                <ul>
                                    <li><h5>一望损莓苔</h5></li>
                                    <li><p>擅长领域：<span>手工，园艺</span></p></li>
                                    <li><h5>猫头鹰叔叔</h5></li>
                                    <li><p>擅长领域：<span>摄影</span></p></li>
                                    <li><h5>兔纸鱼</h5></li>
                                    <li><p>擅长领域：<span>Q版</span></p></li>
                                    <li><h5>小熊奶黄包</h5></li>
                                    <li><p>擅长领域：<span>壁纸，Q版</span></p></li>
                                </ul>
                            </div>
                            <div class="col-3">
                                <ul>
                                    <li class="li-btn pt-4"><a href="">关注</a></li>
                                    <li><a href="">关注</a></li>
                                    <li><a href="">关注</a></li>
                                    <li><a href="">关注</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="footer-top pt-5">
                <div class="row">
                    <div class="col-md cc-1 text-center">
                        <ul>
                            <li class="li-1 pb-2">APP下载</li>
                            <li><img src="img/footer-top-img1.png" alt=""></li>
                            <li class="li-2 pt-2">扫描二维码</li>
                            <li>下载堆糖手机客户端</li>
                        </ul>
                    </div>
                    <div class="col-md cc-2 text-center">
                        <ul>
                            <li><h5>关于我们</h5></li>
                            <li class="li-1"><a href="">关于我们</a></li>
                            <li class="li-1"><a href="">加入我们</a></li>
                            <li class="li-1"><a href="">联系我们</a></li>
                            <li class="li-1"><a href="">商务合作</a></li>
                        </ul>
                    </div>
                    <div class="col-md cc-2 text-center">
                        <ul>
                            <li><h5>关注我们</h5></li>
                            <li class="li-1"><a href="">新浪微博</a></li>
                            <li class="li-1"><a href="">微信公众号</a></li>
                        </ul>
                    </div>
                    <div class="col-md cc-2">
                        <div class="row">
                            <div class="col-md-12 text-center">
                                <h5>友情链接</h5>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 cc-2 text-center">
                                <ul>
                                    <li class="li-1"><a href="">爱物网</a></li>
                                    <li class="li-1"><a href="">肉丁网</a></li>
                                </ul>
                            </div>
                            <div class="col-md-6 cc-2 text-center">
                                <ul>
                                    <li class="li-1"><a href="">东方女性网</a></li>
                                    <li class="li-1"><a href="">更多...</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom pt-4">
                <div class="row text-center">
                    <div class="col-md-12">
                        <p>&copy;2019 duitang.com 版权所有。沪ICP备10038086号-3&nbsp; &nbsp;<img src="img/footer-bottom-img1.png" alt=""> &nbsp;&nbsp;
                            <img src="img/footer-bottom-img2.png" alt=""> &nbsp;&nbsp;| &nbsp;增值电信业务经营许可证：浙B2-20180610 自营经营者信息</p>
                    </div>
                </div>
                <div class="row text-center">
                    <div class="col-md-12">
                        <p><img src="img/footer-bottom-img3.png" alt=""> &nbsp;上海市互联网违法和不良信息举报中心&nbsp; | &nbsp;有害内容举报电话：021-63462282</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
<div id="toTop">↑</div>
    <script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
    <script src="js/script.js"></script>

</body>
</html>